<%--
  Created by IntelliJ IDEA.
  User: LUOLIANG
  Date: 2016/6/20
  Time: 14:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/path.jsp" %>
<html>
<head>
    <title>旺财</title>
    <%@include file="../common/wechatcss.jsp" %>
    <style>
        .title {
            margin: 20px 15px 10px;
            color: #6d6d72;
            font-size: 15px;
        }

        img {
            min-height: 100px;
            min-width: 100px;
        }
    </style>
</head>

<body ms-controller="productlistController">
<div class="mui-content">
    <div style="height:120px;background-color: #5DADE2">
        <p style="color: #ffffff;font-size: 20px;">hello,{{@user.nickname}} 今日收益:（元）</p>
        <h3 style="color: #ffffff;margin-left: 100px;font-size:50px;line-height: 10px;font-weight: lighter">
            {{@statisData.profit}}</h3><span
            style="float: right;font-size: 0.7em;margin-right: 20px;color: #ffffff;line-height: 5px;">买入总资产：{{@statisData.total|number(2)}}</span>
    </div>
    <div id="product">
        <div class="title">
            产品列表
        </div>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell mui-media" ms-for="el in @productlist" id="productlist">
                <a ms-if="el.isexpire" class="mui-navigate-right" ms-click="@detail(el.id)" href="javascript:void(0)"
                   disabled="disabled">
                    <img class="mui-media-object mui-pull-left" src="<%=path%>/images/cbd.jpg">
                    <div class="mui-media-body">
                        <h2 style="margin-left: 10px;margin-top: 0px;color: #bd192e"> {{el.rate}}% <span
                                style="margin-left: 10px;margin-right: 20px;margin-top: 5px;font-size: 0.5em;color: #000">{{el.title}}</span>
                        </h2>
                        <strong style="margin-left: 10px;margin-right: 20px;margin-top: 5px;font-size: 0.8em;"></strong>
                        <p class='mui-ellipsis' style="margin-left: 0px;font-size: 0.8em;float: left;line-height:50px;">
                            {{el.introduce}}</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div class="col-md-12 hide" id="moneyform">
        <form role="form" style="margin-top: 10px">
            <h3>{{@money|number(2)}} 元</h3>
            <div class="form-group">
                <label for="money">买入金额</label>
                <input type="text" class="form-control" id="money" placeholder="金额"
                       ms-duplex="@money">
            </div>
            <button type="button" class="btn btn-info btn-lg btn-block" ms-click="@pay">确定买入
            </button>
        </form>
    </div>
</div>

</body>
<%@include file="../common/wechatjs.jsp" %>
<script src="<%=path%>/myjs/wechat/productlist.js"></script>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
    var slider = mui("#slider");
    slider.slider({
        interval: 1000
    });
</script>
</html>